<template>
	<view class="box e-flex-column" :style="[AppSkinVar]">
		<view class="e-flex-xy-center">
			<image  class="e-m-b-38" :src="$staticPath('user/success.png')" ></image>
		</view>
		<view class="e-m-b-30 e-flex-xy-center">
			<text>{{$t(`user.${title}`)}}</text>
		</view>
		<view class="e-m-b-40 e-flex-xy-center">
			<text>{{$t(`user.${subTitle}`)}}</text>
		</view>
		<button class="e-flex-xy-center" @tap="$back()">
			<text>{{$t('common.返回')}}</text>
		</button>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				title:'',
				subTitle:''
			}
		},
		onLoad(opt) {
			let {title,sub} = [{title:'提现成功',sub:'到账提示'},{title:'充值成功',sub:'充值到账提示'}][Number(opt.type)]
			this.title = title
			this.subTitle = sub
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		padding-top: 158rpx;
		margin: 0 auto;
		image{
			width: 320rpx;
			height: 224rpx;
		}
		button{
			width: 278rpx;
			height: 90rpx;
			border-radius: 45rpx;
			border: 2rpx solid #303133;
		}
	}
.e-flex-column {
		display:flex;
		flex-direction: column;
		align-items:center;
		justify-content:center;
	}
</style>
